/* MAIN */

body {
	background-color: #FFFFFF;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
	padding: 0;
	color: #333333;
}

#navigation {
	height: 60px;
	width: 100%;
  background-image: url(img/navigation.gif);
}

#menu {
	float: left;
	padding: 0;
	margin: 0;
}

#userlink {
	float: right;
	margin: 0 1% 0 auto;
}

#header {
	height: 25px;
	width: 100%;
	background-image: url(img/header.jpg);
  border-top: 3px solid #FFCC33;
  border-bottom: 1px solid #FFCC33;
  color: #333333;
  line-height: 25px;
	clear: both;
	text-indent: 10px;
}

#main {
	margin: 1% 22% 1% 22%;
}

#userbar {
	background-color: #FFFF78;
	float: left;
	border: 1px solid #FFCC33;
	border-top: 0px;
	width: 20%;
	margin: 0 1% 1% 1%;
	padding-bottom: 20px;
}

#sidebar {
	background-color: #FFFF78;
	float: right;
	border: 1px solid #FFCC33;
	border-top: 0px;
	width: 20%;
	margin: 0 1% 1% 1%;
}

#foot {
	width: 100%;
	height: 5%;
	border-top: 1px solid #FFCC33;
	background-color: #FFFFCC;
	clear: both;
}

/* INNER TAGS */

#header a, #header h3 {
	color: #333333;
}
#menu a, #userlink a {
	padding: 21px;
	color: #006600;
	font-size: 15px;
	line-height: 60px;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover, #userlink a:hover {
	background-color: #B6FF48;
}

#sidebar a, #userbar a, #main a {
  font-size: 14px;
}

#sidebar h3, #userbar h3 {
	margin: 10px 10px 10px 20px;
}

#foot p {
	margin: 10px;
}

#userbar img {
	margin: 5px 10px 5px 20px;
	border: 2px solid #333333;
}

#userbar p, #sidebar p {
	text-indent: 0px;
	margin: 10px 10%;
	line-height: 20px;
}

a.img {
	border: 0px;
	text-decoration: none;
}

img.graph {
	margin: 10px;
}

/* ORDINARY TAGS */

a {
	color: #CC6600;
}

a:hover {
	color: #CC6600;
	text-decoration: none;
	border: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

p {
	text-indent: 10px;
	margin: 10px;
	line-height: 20px;
}

table {
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	width: 100%;
	/*margin: 0 auto;*/
}

/* FORMS*/

form {
  /*margin: 0;
  padding: 0;*/
}

fieldset {
	border: 1px solid #FFCC33;
	margin: 1%;
}

legend {
	font-weight: bold;
}

input {
  /*background-color: #FFFF78;
  border: 1px inset #FFCC33;
	color: #333333;*/
	margin: 2px;
	height: 25px;
	font-size: 15px;
	line-height: 20px;
}

/*.contentmain input, textarea {
  color: #333333;
  background-color: #FFFF78;
  border: 1px solid #FFCC33;
}*/

textarea {
	margin: 10px 0px 10px 10%;
	width: 80%;
}

input.check {
	height: 15px;
}

label {
  width: 100px;
  position: relative;
  display: block;
  float: left;
  margin-right: 5px;
  text-align: right;
	line-height: 30px;
}

label.bar {
	width: 50px;
}

/*.button {
	background-color: #FFFF78;
  border: 1px outset #FFCC33;
	color: #333333;
	margin: 2px;
	height: 25px;
	font-size: 15px;
	line-height: 20px;
}*/

/* CLASSES */

.center {
	margin: 0 auto;
	text-align: center;
}

.message p {
	line-height: 15px !important;
	margin: 1px 5px !important;
}

a.button {
	text-decoration: none; 
	border: 1px solid #339900;
	color: #006600;
	font-weight: bold;
	padding: 10px 20px;
	margin: 0 auto;
	background-image: url(img/button.gif);
	background-color: #B6FF48;
	line-height: 30px;
	text-align: center;
}
a.button:hover {
	border: 1px solid #339900;
	background-color: #B6FF48;
	background-image: none;
}
